import React, { Component } from 'react';
import "../../../styles/Index/Home/SearchBox.scss"
import { withRouter } from 'react-router-dom';

class SearchBox extends Component {
    render() {
        return (
            <div className='searchbox'>
                <span onClick={() => { this.props.history.push('/search') }}>西安</span>
                <input onClick={() => { this.props.history.push('/search') }} type="text" placeholder='华为手机' />
                <span onClick={() => { this.props.history.push('/login') }}>登录</span>
            </div>
        );
    }
}

export default withRouter(SearchBox);